<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小说</title>
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/common.css">
</head>
<body>
  <div class="list-hd">
    <h2>书籍列表</h2>
  </div>
  <div class="container">
    <ul class="bk-list">
      <li class="list-item">
        <a href="detail.html" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="detail.html" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="detail.html" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="detail.html" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="" class="item-lk">
          <div class="bk-pic">
            <img src="./img/1.jpg" alt="">
          </div>
          <div class="bk-info">
            <h3>高圆圆写真合集</h3>
            <p>作者：lybinweb</p>
            <p class="intro">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis cum dicta illum eligendi repellendus eveniet doloremque doloribus reprehenderit exercitationem repudiandae sed porro ab minus dolor, excepturi magni quibusdam impedit quia?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facilis, pariatur amet. Consequatur aliquam libero magni, soluta quaerat eius nobis quasi dignissimos facere sit optio, nisi sed? Aperiam iste eos a?
            </p>
            <p>更新时间：2022-6-10 15.29.00</p>
          </div>
        </a>
      </li>

    </ul>
  </div>
  <a href="javascript:;" class="s-top-btn">🐔</a>

  <script src="./js/utils.js"></script>
  <script src="./js/index.js"></script>
</body>
</html>